import { createApp } from 'vue'
import App from '@/App.vue'
import hosBottom from "@/components/hosBottom/index.vue"
import hosTop from "@/components/hosTop/index.vue"
import router from './router'
import ElementPlus from "element-plus"
import "element-plus/dist/index.css"
//@ts-ignore
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import "@/style/reset.scss"

const app = createApp(App)

app.component("hosBottom", hosBottom)
app.component("hosTop", hosTop)

import pinia from "@/store/index"
app.use(pinia)

import Login from "@/components/Login/index.vue"
app.component("Login", Login)

import Visitor from '@/components/visitor/visitor.vue';
app.component('Visitor', Visitor);

import './permisstion'

app.use(ElementPlus, {
    locale: zhCn,
})
app.use(router)
app.mount('#app')